<template>
  <div class="l-tab-page" style="padding:8px;" >
      <div class="l-rblock" >
        <el-tabs tab-position="left" :stretch="true">
          
            <el-tab-pane :label="$t('My HeadIcon')"><user-head></user-head></el-tab-pane>
            <el-tab-pane v-show="this.isShowPassword" :label="$t('Change Password')"><user-password></user-password></el-tab-pane>
            
        </el-tabs>
      </div>
  </div>
</template>

<script>

import userHead from './headForm'
import userPassword from './password'

export default {
    components: {
        
        userHead,
        userPassword,
       
    },
    data () {
        return {
            isShowPassword:false//是否允许Change Password
        };
    },
    mounted () {
        this.ShowPassword()
    },
    computed:{
        
    },
    methods:{
        ShowPassword(){
            //三员账号不可以Change Password【超级管理员+用户能够Change Password】
            if(this.loginInfo.f_SecurityLevel==1 || !this.lr_IsAdmin){
                this.isShowPassword=true;
            }else{
                this.isShowPassword=false;
            }
        }
    }
}
</script>